<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微信管理</title>
    <link rel="stylesheet" href="lib/easyui/themes/material/easyui.css">
    <link rel="stylesheet" href="lib/easyui/themes/icon.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body class="easyui-layout">
<div data-options="region:'north',split:true" style="height:100px;">

</div>
<div data-options="region:'west',title:'菜单',split:true" style="width:300px;">
    <ul id="menu-tree"></ul>
</div>
<div data-options="region:'center'">
    <div id="content-tab" style="width: 100%;height: 100%;">
        <div title="HOME">
            <h1>HOME</h1>
        </div>
    </div>
</div>
<div data-options="region:'east',iconCls:'icon-reload',title:'新消息',split:true" style="width:300px;">
    <div id="new-message-table"></div>
</div>
<div class="windows" style="display: none">
    <div class="material">
        <div class="create window" id="window-material-create">
            <form action="#" id="form-material-create" method="post" enctype="multipart/form-data">
                <p>
                    <label>
                        <span>素材类型</span>
                        <select name="type">
                            <option value="image">图片</option>
                            <option value="voice">语音</option>
                            <option value="video">视频</option>
                            <option value="music">音乐</option>
                            <option value="thumb">缩略图</option>
                        </select>
                    </label>
                </p>
                <p>
                    <label>
                        <span>标题</span>
                        <input type="text" name="title" class="easyui-validatebox" data-options="required:true">
                    </label>
                </p>
                <p>
                    <label>
                        <span>描述</span>
                        <input type="text" name="introduction" class="easyui-validatebox" data-options="required:true">
                    </label>
                </p>
                <p>
                    <label>
                        <span>文件</span>
                        <input type="text" name="file" class="easyui-filebox" style="width:200px">
                    </label>
                </p>
            </form>
        </div>
    </div>
    <div class="auto-reply-rule">
        <div class="create" id="window-auto-reply-rule-create">
            <h2>新建自动回复规则</h2>
            <form action="#" method="post" id="form-auto-reply-rule-create">
                <p>
                    <label>
                        <span>消息内容</span>
                        <input type="text" name="msg" class="easyui-validatebox" data-options="required:true">
                    </label>
                </p>
                <p>
                    <label>
                        <span>匹配规则</span>
                        <select name="rule">
                            <option value="1">包含</option>
                            <option value="2">全匹配</option>
                        </select>
                    </label>
                </p>
                <p>
                    <label>
                        <span>回复消息类型</span>
                        <select name="replyType">
                            <option value="text">文本</option>
                            <option value="image">图片</option>
                            <option value="news">图文</option>
                        </select>
                    </label>
                </p>
                <p>
                    <label>
                        <span>素材ID（图片、语音、视频）</span>
                        <input type="text" name="mediaId" class="easyui-validatebox">
                    </label>
                </p>
                <p>
                    <label>
                        <span>标题（视频、图文）</span>
                        <input type="text" name="title" class="easyui-validatebox">
                    </label>
                </p>
                <p>
                    <label>
                        <span>描述（视频、图文）</span>
                        <input type="text" name="description" class="easyui-validatebox">
                    </label>
                </p>
                <p>
                    <label>
                        <span>回复文本（文本）</span>
                        <input type="text" name="content" class="easyui-validatebox">
                    </label>
                </p>
                <p>
                    <label>
                        <span>URL（图文消息）</span>
                        <input type="text" name="url" class="easyui-validatebox">
                    </label>
                </p>
                <p>
                    <label>
                        <span>图片地址（图文消息）</span>
                        <input type="text" name="picUrl" class="easyui-validatebox">
                    </label>
                </p>
            </form>
        </div>
    </div>
    <div class="admin">
        <div id="window-admin-create">
            <form id="form-admin-create" action="/admin/create" method="post">
                <p>
                    <label>
                        <span>账户</span>
                        <input type="text" name="name" class="easyui-validatebox">
                    </label>
                </p>
                <p>
                    <label>
                        <span>密码</span>
                        <input type="text" name="password" class="easyui-validatebox">
                    </label>
                </p>
            </form>
        </div>
        <div id="window-admin-bind">
            <p>请使用微信客户端扫描下方二维码</p>
            <img src="img/loading.gif" alt="二维码" id="qrcode-admin-bind-openid">
        </div>
    </div>
</div>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/easyui/jquery.easyui.min.js"></script>
<script src="lib/easyui/locale/easyui-lang-zh_CN.js"></script>
<script src="js/index.js"></script>
</body>
</html>